<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
    response.setHeader("Cache-Control", "no-store");
    response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HEAD><TITLE>风尚中国-后台管理系统-登录</TITLE>

<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META http-equiv=pragma content=no-cache>
<META http-equiv=cache-control content=no-cache>
<META http-equiv=expires content=0>
<META content="MSHTML 6.00.6000.21294" name=GENERATOR>
<STYLE>
FONT {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

BODY {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

INPUT {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

TABLE {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

TD {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

SELECT {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

A {
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif, "宋体"
}

FORM {
    MARGIN: 0px
}

A.top:link {
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

A.top:visited {
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}

A.top:hover {
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.fm0 {
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-BOTTOM: #333333 1px solid
}

.fm {
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #03633d
}

.fm1 {
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    HEIGHT: 21px;
    BACKGROUND-COLOR: #05c97a
}

.fm2 {
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #eff0eb
}

.fm3 {
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #f8f8f5
}

A:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-STYLE: normal;
    TEXT-DECORATION: underline
}

A:active {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-DECORATION: none
}

A:visited {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-DECORATION: underline
}

A:hover:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-DECORATION: none
}

A.yelink {
    FONT-SIZE: 12px;
    COLOR: #c17000;
    FONT-STYLE: normal;
    TEXT-DECORATION: underline
}

A.yelink:active {
    FONT-SIZE: 12px;
    COLOR: #c17000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

A.yelink:visited {
    FONT-SIZE: 12px;
    COLOR: #c17000;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

A.yelink:hover {
    FONT-SIZE: 12px;
    COLOR: #db8002;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: underline
}

.body {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    TEXT-DECORATION: none
}

.input {
    FONT-SIZE: 12px
}

INPUT {
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 12px;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-RIGHT-WIDTH: 1px
}

.bold_red {
    FONT-WEIGHT: bold;
    COLOR: #ff0000
}

.navheading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}

.heading1 {
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 5px;
    COLOR: #656565;
    PADDING-TOP: 32px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}

.heading2 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 15px;
    COLOR: #577cc7;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}

.sectiontitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, verdana, helvetica, sans-serif
}

.bevel1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    BORDER-TOP-STYLE: none;
    FONT-FAMILY: verdana;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 21px;
    BACKGROUND-COLOR: #049459;
    BORDER-BOTTOM-STYLE: none
}

.bevel2 {
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #eff0eb
}

.bevel3 {
    BORDER-RIGHT: #d4d0c8 1px solid;
    BORDER-TOP: #d4d0c8 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #d4d0c8 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #d4d0c8 0px solid;
    FONT-FAMILY: arial, helvetica, sans-serif;
    BACKGROUND-COLOR: #d4d0c8
}

.toolbar {
    BORDER-RIGHT: #d4d0c8 1px solid;
    BORDER-TOP: #d4d0c8 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #d4d0c8 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #d4d0c8 0px solid;
    FONT-FAMILY: arial, helvetica, sans-serif;
    BACKGROUND-COLOR: buttonface
}

.b4 {
    BACKGROUND-COLOR: #dad9d9
}

.toolbutton {
    BORDER-RIGHT: buttonface 1px solid;
    BORDER-TOP: buttonface 1px solid;
    BORDER-LEFT: buttonface 1px solid;
    BORDER-BOTTOM: buttonface 1px solid
}

.toolbutton_down {
    BORDER-RIGHT: buttonhighlight 1px solid;
    BORDER-TOP: buttonshadow 1px solid;
    BORDER-LEFT: buttonshadow 1px solid;
    BORDER-BOTTOM: buttonhighlight 1px solid
}

A.button {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 20px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, helvetica, sans-serif;
    HEIGHT: 15px;
    BACKGROUND-COLOR: #d4d0c8;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

A.button:hover {
    BACKGROUND-COLOR: #e8e4dd
}

.buttonbg {
    BORDER-RIGHT: #822100 1px solid;
    BORDER-TOP: #ff784a 1px solid;
    BORDER-LEFT: #ff784a 1px solid;
    BORDER-BOTTOM: #993300 1px solid;
    BACKGROUND-COLOR: #cc3300
}

.toggle {
    BORDER-RIGHT: #cccccc 1px dotted;
    BORDER-TOP: #cccccc 1px dotted;
    BORDER-LEFT: #cccccc 1px dotted;
    BORDER-BOTTOM: #cccccc 1px dotted
}

.hide {
    DISPLAY: none;
    VISIBILITY: hidden
}

TEXTAREA {
    BORDER-RIGHT: #ffffff 1px groove;
    BORDER-TOP: #ffffff 1px groove;
    FONT: 14px "arial", "helvetica", "sans-serif", "宋体";
    OVERFLOW: auto;
    BORDER-LEFT: #ffffff 1px groove;
    COLOR: #000000;
    BORDER-BOTTOM: #ffffff 1px groove
}

TEXTAREA.fileedit {
    BORDER-RIGHT: #ffffff 1px groove;
    BORDER-TOP: #ffffff 1px groove;
    OVERFLOW-Y: visible;
    FONT: 14px "arial", "helvetica", "sans-serif", "宋体";
    OVERFLOW: visible;
    BORDER-LEFT: #ffffff 1px groove;
    COLOR: #000000;
    BORDER-BOTTOM: #ffffff 1px groove
}

.code {
    BORDER-RIGHT: #0099cc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #0099cc 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    MARGIN: 5px;
    BORDER-LEFT: #0099cc 1px solid;
    WIDTH: 480px;
    COLOR: #000000;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #0099cc 1px solid;
    FONT-FAMILY: "verdana", "courier new", "courier", "mono";
    BACKGROUND-COLOR: #ddedfb;
    WORD-WRAP: break-word
}

.onmouseover {
    BACKGROUND: #ffd49d
}

.onmouseout {
    BACKGROUND: #ffe7c9
}
</STYLE>

<script src="/js/news/jquery-1.6.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("#Verify").click(function () {
            $(this).attr("src", "/management/generateSecurityImage.action?timestamp=" + new Date().getTime());
        });

        var verifyObj = document.getElementById("Verify");
        verifyObj.onclick = function () {
            this.src = "/management/generateSecurityImage.action?timestamp=" + new Date().getTime();
        };
    });

</script>

</HEAD>
<BODY>
<FORM id="loginForm" action="/backend" method=post>
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
            <TD>&nbsp;</TD>
            <TD class=sectiontitle>&nbsp;</TD>
        </TR>
        <TR>
            <TD>&nbsp;</TD>
            <TD class=body>&nbsp; </TD>
        </TR>
        <TR>
            <TD>&nbsp;</TD>
            <TD class=body>
                <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                    <TBODY>
                    <TR>
                        <TD width=15>&nbsp;</TD>
                        <TD class=heading1>&nbsp;</TD>
                    </TR>
                    <TR>
                        <TD>&nbsp;</TD>
                        <TD class=body>&nbsp;</TD>
                    </TR>
                    <TR>
                        <TD>&nbsp;</TD>
                        <TD>&nbsp;</TD>
                    </TR>
                    <TR>
                        <TD>&nbsp;</TD>
                        <TD class=body>
                            <TABLE class=bevel1 cellSpacing=0 cellPadding=0 width=500
                                   align=center border=0>
                                <TBODY>
                                <TR>
                                    <TD>&nbsp; 管理员登陆</TD>
                                </TR>
                                </TBODY>
                            </TABLE>
                        </TD>
                    </TR>
                    <TR>
                        <TD>&nbsp;</TD>
                        <TD class=body>
                            <TABLE class=bevel2 cellSpacing=0 cellPadding=0 width=500
                                   align=center border=0><!--DWLayoutTable-->
                                <TBODY>
                                <TR>
                                    <TD class=body width=20 rowSpan=5></TD>
                                    <TD class=body width=104>&nbsp;</TD>
                                    <TD class=body width=58>&nbsp;</TD>
                                    <TD class=body width=318>&nbsp;</TD>
                                </TR>
                                <TR>
                                    <TD class=body rowSpan=4><IMG
                                            src="../../../images/login.gif"></TD>
                                    <TD class=body height=25>用户名</TD>
                                    <TD class=body><INPUT id="userName" name="userName"></TD>
                                </TR>
                                <TR>
                                    <TD class=body height=25>密&nbsp;&nbsp;&nbsp;码</TD>
                                    <TD class=body><INPUT id="password" type=password name="password">
                                    </TD>
                                </TR>
                                <TR>
                                    <TD class=body height=25>验证码&nbsp;</TD>
                                    <TD class=body vAlign=top height=45>
                                        <input type="text" name="securityCode"/>
                                        <img src="/management/generateSecurityImage.action" id="Verify"
                                             style="cursor:pointer;"
                                             alt="看不清，换一张"/>
                                    </TD>
                                </TR>
                                <TR>
                                    <TD class=body height=25>&nbsp;&nbsp;&nbsp;</TD>
                                    <TD class=body vAlign=top colSpan=2 height=55>
                                        <%--<INPUT type=button value="登录" onclick="check()">--%>
                                        <INPUT type=submit value="登录">
                                        <INPUT type=reset value="重置" name=reset>
                                    </TD>
                                </TR>

                                <s:if test="errorLogin == true">
                                    <TR>
                                        <TD class=body width=20 rowSpan=4></TD>
                                        <TD class=body width=104><span style="color:red;">用户名或密码错误</span></TD>
                                        <TD class=body width=58>&nbsp;</TD>
                                        <TD class=body width=318>&nbsp;</TD>
                                    </TR>
                                </s:if>

                                <TR>
                                    <TD class=body height=94>&nbsp;</TD>
                                    <TD class=body>&nbsp;</TD>
                                    <TD class=body vAlign=top
                                        colSpan=2>备注：<BR>1、后台部分功能需要客户端安装IE8及以上版本的浏览器才能使用.

                                    </TD>
                                </TR>
                                </TBODY>
                            </TABLE>
                        </TD>
                    </TR>
                    <TR>
                        <TD colSpan=2>&nbsp;</TD>
                    </TR>
                    <TR>
                        <TD>&nbsp;</TD>
                        <TD>&nbsp;
                        </TD>
                    </TR>
                    </TBODY>
                </TABLE>
                <BR></TD>
        </TR>
        </TBODY>
    </TABLE>
</FORM>
</BODY>
</HTML>
